// pages/login/login.js
// 导入封装的通用模块方法
import { toast } from '../../utils/extendApi'
// 导入接口API函数
import { reqLogin, reqUserInfo } from '../../api/user'
// 导入本地存储 API
import { setStorage } from '../../utils/storage'
// 导入 ComponentWithStore 方法
import { ComponentWithStore } from 'mobx-miniprogram-bindings'
// 导入 store 对象
import { userStore } from '../../stores/userstore'
// 导入防抖函数
import { debounce } from "miniprogram-licia"

// 使用 ComponentWithStore 方法替换 Component 方法构造页面
ComponentWithStore({
    // 让页面和Store对象建立关联
    storeBindings: {
        store: userStore,
        fields: ['token', 'userInfo'],
        actions: ['setToken', 'setUserInfo']
    },

    methods: {
        // 授权登录
        login: debounce(function() {
            // 使用 wx.login 获取用户的临时登录凭证 code
            wx.login({
                success: async ({ code }) => {
                    console.log(code)
                    if (code) {
                        // 在获取到临时登录凭证以后，需要传递给开发者服务器
                        const { data } = await reqLogin(code)
                        console.log(data)
                        // 登录成功以后，需要将服务器相应的自定义登录态存储到本地
                        setStorage('token', data.token)
                        // 将自定义登录态token存储到Store对象
                        this.setToken(data.token)
                        // 获取用户信息
                        this.getUserInfo()
                        // 登录成功返回上一级页面
                        wx.navigateBack()
                    } else {
                        toast({title:"授权失败，请重新授权"})
                    }
                },
            })
        }, 500),

        // 获取用户信息
        async getUserInfo() {
            // 调用接口获取用户信息
            const { data } = await reqUserInfo()
            // 将用户信息存储到本地
            setStorage('userInfo', data)
            // 将用户信息存储到Store对象
            this.setUserInfo(data)
        }
    }
})
